<template>
	<view class="">
		<view class="list-wrap">
			<view class="wrap">
				
				<view class="list-msg">
					<view class="list-msg-mag dis" v-for="(item,index) in list" @click="goPages(item)">
						<view class="list-msg-mag-left dis">
							
							<view>{{item.agreementName}}</view>


						</view>
						<view class="list-msg-mag-right">
							<image src="@/static/my/icon_you.png" mode=""></image>

						</view>

					</view>
					<!-- <image src="" mode=""></image> -->

				</view>
			</view>

		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted
	} from 'vue'
	import {agreementList}from'@/api/index2.js'
	let list = ref([])
	onMounted(()=>{
		init()
	});
	let init=async()=>{
		let res=await agreementList()
		list.value=res.data
		console.log(res,'res')
		
	}
	let  goPages=(item)=>{
		uni.navigateTo({
			url:`/pagesB/webview/webview?url=${item.agreementUrl}&tit=${item.agreementName}`
		})
	}
</script>

<style lang="scss" scoped>
	.wrap {
		width: 85%;
		margin: 0 auto;
	}

	.list-wrap {
		.list-msg {
			.list-msg-mag {
				.list-msg-mag-right {
					width: 16rpx;
					height: 28rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}

				.list-msg-mag-left {
					align-items: center;
					font-weight: 530;
					font-size: 24rpx;
					color: #333333;
					.list-msg-mag-left-img{
						margin-right: 20rpx;
						image {
							width: 32rpx;
							height: 32rpx;
							vertical-align: middle;
						}
					}
					
				}

				line-height: 100rpx;
				justify-content: space-between;

				border-top: 2rpx solid #EDEDED;
			}
		}

		.list-title {
			line-height: 100rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 530;
			font-size: 32rpx;
			color: #000000;
		}

		background: #fff;
		border-radius: 10rpx;
		margin: 20rpx auto;

	}

	page {
		background: #F3F4F5;
		padding: 0 28rpx;
	}
</style>